$(function () {
    $(".top_user_box").children(".car").click(function () {
        $(".shopping_car").show()
    })
    $(".closed").click(function (event) {
        $(this).parent(".shopping_car").hide();
        event.stopPropagation();
    })

    $(".join").click(function () {
        var src = $(".content_pro > img").attr("src")

        var price = $(".old_price").html()
        console.log(price)
        var message = [{
            src: 'https://p3.ssl.qhimg.com/t01c8169ecc14f6af6c.webp',
            price: '￥199'
        }]

        localStorage.setItem("data_list", JSON.stringify(message))

        var data = localStorage.getItem("data_list")
        // console.log(typeof data)
        // console.log(JSON.parse(data)[0].src)
        var data = JSON.parse(data)
        var ul = $("<ul><p>${data[0].price}</p></ul>")

        $(".car_info").html("ul")
    })




    // // $(".join").click(function () {
    //     
    //     $ul = $("<ul class='car_info'><ul>")
    //     $li1 = $("<li><input type='checkbox'></li>")
    //     $li2 = $("<img src='${src}'/>")
    //     $li3 = $("<li></li>").html(price)
    //     $li3 = $("<li></li>").html(price)
    //     $li4 = $("<li></li>").html(price)
    //     $li5 = $("<li class='del'>删除</li>")
    //     $li1.appendTo($ul)
    //     $li2.appendTo($ul)
    //     $li3.appendTo($ul)
    //     $li4.appendTo($ul)
    //     $li5.appendTo($ul)
    //     $ul.appendTo($(".shopping_car"))

    //     //    .appendTo($(".shopping_car"))
    // })
})